<template>
  <section>
    <div class="content-title">{{ title }}</div>
    <div class="note">
      <div></div>
      <div>
        <div>前端</div>
        <div>后端</div>
        <div>应用</div>
        <div>扩展</div>
      </div>
    </div>
  </section>
</template>
<script setup>
const props = defineProps({
  title: {
    type: String,
    defalut: ''
  }
})
</script>
<style scoped lang="scss">
.note {
  >div:nth-child(2) {
    display: flex;

    >div {
      width: 25%;
      height: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
    }
  }
}
</style>
